<!DOCTYPE HTML>
<HTML>
	<HEAD>
		<TITLE>HTML5 Rendering Framework</TITLE>
		<SCRIPT type="text/javascript" src="../H5R.js"></SCRIPT>
		<SCRIPT type="text/javascript">
			renderer = new H5R();
			renderer.addStage(new H5R.Stage("stage"));
			
			var tileset = {
				"walk": { 
					img: {
						src: "walk.jpg",
						sprites: 8,
					}
				}
			};
			
			var scenegraph = {
				img: "walk",
				fps: 8,
				update: function(self, timediff, timepassed){
					self.x = timepassed/1000*10; // 10 pixels per second
				},
			};
			
			renderer.setScenegraph(scenegraph);
			renderer.setTileset(tileset, function(){});
		</SCRIPT>
	</HEAD>
	<BODY>
		<DIV id="stage" style="width: 100px; height: 100px; border: 1px solid #ccc;"></DIV>
	</BODY>
</HTML>